﻿<h1>Wiki Markup Guide - Format &amp; Layout</h1>
This page provides a guide for doing simple formatting and layout within a wiki page.<br />
<h2>Basic Formatting</h2>
<i>Allows for simple formatting of wiki text.</i><br />
<h5>Source Markup</h5>
<pre>
*bold*
_italics_
+underline+
--strikethrough--
^^superscript^^
,,subscript,,
</pre>
<br />
<h5>Rendered Markup</h5>
<b>bold</b><br />
<i>italics</i><br />
<u>underline</u><br />
<del>strikethrough</del><br />
<sup>superscript</sup><br />
<sub>subscript</sub>
<br />
<h2>Text Alignment</h2>
<i>Allows for alignment of text on the page.</i><br />
<h5>Source Markup</h5>
<pre>
&lt;{this is left aligned content}&lt;
&gt;{this is right aligned content}&gt;
</pre>
<br />
<h5>Rendered Markup</h5>
<div style="text-align:left;float:left;">this is left aligned content</div><div style="clear:both;height:0;">&nbsp;</div><br />
<div style="text-align:right;float:right;">this is right aligned content</div><div style="clear:both;height:0;">&nbsp;</div>

<h2>Code Block</h2>
<i>Allows for text to be formatted as code for languages in which syntax highlighting is not supported.</i>
<br />
<h5>Source Markup</h5>
<pre>
// multi-line
{{
   public static void Main()
   {
     // code goes here
   }
}}

// single line
{{ single line of text }}
</pre>
<br />
<h5>Rendered Markup</h5>
// multi-line
<br />
<pre>
   public static void Main()
   {
     // code goes here
   }
</pre>
<br /><br />
// single line
<br />
<span class="codeInline"> single line of text </span>
<br /><br />
<h2>Headings</h2>
<i>Allows formatting text as a header.</i>
<br />
<h5>Source Markup</h5>
<pre>
! Heading 1
!! Heading 2
!!! Heading 3
!!!! Heading 4
!!!!! Heading 5
!!!!!! Heading 6
</pre>
<br />
<h5>Rendered Markup</h5>
<h1>Heading 1   </h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

<h2>Escaped Markup</h2>
<i>Allows use of wiki formatting characters as literal text.</i>
<br />
<h5>Source Markup</h5>
<pre>
{&quot;text with *unrendered* wiki markup&quot;}
</pre>
<br />
<h5>Rendered Text</h5>
text with *unrendered* wiki markup
<br /><br />
<b>Note: Only use vertical (not curly) quotes to ensure that formatting will not apply.</b>
<br />
<h2>Lists</h2>
<i>Allows for the creation of bullted or numbered lists.</i>
<br />
<h5>Source Markup</h5>
<pre>
* Bulleted List 1
** Bulleted List 2
*** Bulleted List 3

# Numbered List 1
## Numbered List 1.1
### Numbered List 1.1.1
# Numbered List 2
## Numbered List 2.1

* Bulleted List 1
## Numbered List 1.1
*** Bulleted List 1.1.1
* Bulleted List 2
** Bulleted List 3
</pre>
<br />
<h5>Rendered Markup</h5>
<ul>
    <li>Bulleted List 1
        <ul>
            <li>Bulleted List 2
                <ul>
                    <li>Bulleted List 3</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

<ol>
    <li>Numbered List 1
        <ol>
            <li>Numbered List 1.1
                <ol>
                    <li>Numbered List 1.1.1</li>
                </ol>
            </li>
        </ol>
    </li>
    <li>Numbered List 2
        <ol>
            <li>Numbered List 2.1</li>
        </ol>
    </li>
</ol>

<ul>
    <li>Bulleted List 1
        <ol>
            <li>Numbered List 1.1
                <ul>
                    <li>Bulleted List 1.1.1</li>
                </ul>
            </li>
        </ol>
    </li>
    <li>Bulleted List 2
        <ul>
            <li>Bulleted List 2.1</li>
        </ul>
    </li>
</ul>
<br />
<h2>Tables</h2>
<i>Allows for the creation of simple table layouts.</i>
<br />
<h5>Source Markup</h5>
<pre>
|| Table Heading 1 || Table Heading 2 || Table Heading 3 ||
| Row 1 - Cell 1 | Row 1 - Cell 2 | Row 1 - Cell 3 |
| Row 2 - Cell 1 | Row 2 - Cell 2 | Row 2 - Cell 3 |
</pre>
<br />
<h5>Rendered Markup</h5>
<table>
    <tr>
        <th> Table Heading 1 </th>
        <th> Table Heading 2 </th>
        <th> Table Heading 3 </th>
    </tr>
    <tr>
        <td> Row 1 - Cell 1 </td>
        <td> Row 1 - Cell 2 </td>
        <td> Row 1 - Cell 3 </td>
    </tr>
    <tr>
        <td> Row 2 - Cell 1 </td>
        <td> Row 2 - Cell 2 </td>
        <td> Row 2 - Cell 3 </td>
    </tr>
</table>
<br /><br />
<h4>Note on block level tags</h4>
<i>Block level tags include headings, lists, tables, and multi-line formatted text</i>

<ul>
    <li>Tag must be the first thing on the line</li>
    <li>Closing tag must be the last thing on the line</li>
    <li>There should be no leading or trailing whitespace</li>
</ul>